<%@page import="com.jfinal.kit.PropKit"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<!-- 新 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

		<!-- 可选的Bootstrap主题文件（一般不用引入） -->
		<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

		<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
		<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="http://tb1.bdstatic.com/??/tb/static-common/style/tb.js/dialog_29a9417.css,/tb/static-common/lib/tbui/style/all_1888f28.css" />
		<link rel="stylesheet" href="http://tb1.bdstatic.com/??/tb/_/index_7712603.css,/tb/_/search_2e2269a.css" />
		<link href="../wx/css/ddSecond.css" type="text/css" rel="stylesheet"/>
		<link rel="stylesheet" href="../wx/css/a.css" type="text/css" />
		<script type="text/javascript" src="../wx/js/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="../wx/js/script.js"></script>	
		
		<title>随拍</title>
		
		<style>
		body {
			width: 100%;
			height: 100%;
			background: url(../wx/images/bg1.png) no-repeat center fixed;
			-webkit-background-size: 100% 100%;
			p-family: "微软雅黑";
		}
		.a{
			width:280px;
			margin-top:30px;
			border:2px solid #fff;
			-webkit-transition: all 1000ms;
		    -moz-transition: all 1000ms;
		    transition: all 1000ms;
		}
		.list-header-fixed {
			position: fixed;
			top: 255px;
			}
		</style>
		<script>
			function aas(){
				$("#zhezhao").hide();
				location.reload()
				$("meta[name='viewport']").attr('content',"width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=3.0, user-scalable=no");
				
			}
			function show(filepath,address){
				$("#zhezhao").show();
				$("#zhezhao-img").attr('src',filepath); 
				$("#zhezhao-address").html(address);
				$("meta[name='viewport']").attr('content',"width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=3.0, user-scalable=yes");
			}
		</script>
	</head>

	<body style="overflow: hidden;">
		<div id="zhezhao" hidden onclick="aas()">
		<div id="blank"  style="width: 100%;height: 100%;opacity: 1.0;background: #000;position: absolute;z-index: 99;"> 
			
		</div>
		<div style="width: 100%;height: 100px;top:20%;position: absolute;z-index: 999;">
			<img src="#" id="zhezhao-img" style="width:100%;">
			<div style="margin-top:10px;color:#a5c0d5;text-align:center">
		 			<span style="font-size: 15px;" id="zhezhao-address"></span>
		 	</div>
		</div>  
		</div>
		<div id="Content">
			<div style="width:100%;text-align:center;color: #fff;;">
		 		<img src="${filepath }" class="a" onclick="show('${filepath }','${address }')"/>
			</div>
			<div style="width:88%;position: absolute;left:15px;margin-top:10px;color:#a5c0d5">
		 			<span style="float: left;padding-left: 30px;">${address }</span>
		 			<%-- <span style="float: right;margin-right: 10px;">${createTime }</span> --%>
		 	</div>
			<div style="width:88%;position: absolute;left:15px;margin-top:50px;color:#fff">
		 			<img src="../wx/images/near.png" style="width:18px;float: left;margin-left: 5px;margin-top: 1px;">
		 			<span style="float: left;padding-left: 10px;font-size: small;">最近的随拍</span>
		 		</div>
			<div class="paimai_list" style="height:43%;width:85%;margin-top:80px;overflow: auto;">
			<div class="paimai_content">
				<div class="list_head">
					<div class="time_box">
						<p>${time1 }</p>
					</div>
					<div class="time_content"><em></em><span>&nbsp;</span></div>
					<div class="clear"></div>
				</div>

				<div class="list_content">
				<c:forEach items="${record1}" var="item">
					<img src="${item.FileUrl }" onclick="show('${item.FileUrl }','${item.address }')" style="width: 43%;height: 80px; border: 1px solid #fff;margin: 4px" />
				</c:forEach>
				</div>
				
				<div class="list_head1">
					<div class="time_box">
						<p>${time2 }</p>
					</div>
					<div class="time_content"><em></em><span>&nbsp;</span></div>
					<div class="clear"></div>
				</div>
				<div class="list_content">
				<c:forEach items="${record2}" var="item">
					<img src="${item.FileUrl }" onclick="show('${item.FileUrl }','${item.address }')" style="width: 43%;height: 80px; border: 1px solid #fff;margin: 4px" />
				</c:forEach>
				</div>
				
				<div class="list_head2">
					<div class="time_box">
						<p>${time3 }</p>
					</div>
					<div class="time_content"><em></em><span>&nbsp;</span></div>
					<div class="clear"></div>
				</div>
				<div class="list_content">
					<c:forEach items="${record3}" var="item">
						<img src="${item.FileUrl }" onclick="show('${item.FileUrl }','${item.address }')" style="width: 43%;height: 80px; border: 1px solid #fff;margin: 4px" />
					</c:forEach>
				</div>
				
				<div class="list_head3">
					<div class="time_box">
						<p>${time4 }</p>
					</div>
					<div class="time_content"><em></em><span>&nbsp;</span></div>
					<div class="clear"></div>
				</div>
				<div class="list_content">
					<c:forEach items="${record4}" var="item">
					<img src="${item.FileUrl }" onclick="show('${item.FileUrl }','${item.address }')" style="width: 43%;height: 80px; border: 1px solid #fff;margin: 4px" />
					</c:forEach>
				</div>
				
				<div class="list_head4">
					<div class="time_box">
						<p>${time5 }</p>
					</div>
					<div class="time_content"><em></em><span>&nbsp;</span></div>
					<div class="clear"></div>
				</div>
				<div class="list_content">
					<c:forEach items="${record5}" var="item">
					<img src="${item.FileUrl }" onclick="show('${item.FileUrl }','${item.address })" style="width: 43%;height: 80px; border: 1px solid #fff;margin: 4px;" />
					</c:forEach>
				</div>
		</div>
		</div>
	</div>
	</body>
</html>